// /// 模糊组件    flutter
// /// 圆形的高斯模糊
// class BlurOvalWidget extends StatelessWidget {
//   final Widget _widget;
//   double _padding = 10;

//   BlurOvalWidget(this._widget, {double padding = 0}) {
//     if (padding != 0) this._padding = padding;
//   }

//   @override
//   Widget build(BuildContext context) {
//     /// 圆形组件
//     return ClipOval(
//       child: BackdropFilter(
//         filter: ImageFilter.blur(
//           sigmaX: 10,
//           sigmaY: 10,
//         ),
//         child: Container(
//           color: Colors.white10,
//           padding: EdgeInsets.all(_padding),
//           child: _widget,
//         ),
//       ),
//     );
//   }
// }

// /// 圆角的高斯模糊 矩形圆角
// class BlurRectWidget extends StatelessWidget {
//   final Widget _widget;
//   double _padding = 10;

//   BlurRectWidget(this._widget, {double padding = 0}) {
//     if (padding != 0) this._padding = padding;
//   }

//   @override
//   Widget build(BuildContext context) {
//     return Container(
//       margin: EdgeInsets.symmetric(horizontal: 50),

//       /// 圆角组件
//       child: ClipRRect(
//         borderRadius: BorderRadius.all(Radius.circular(10)),
//         child: BackdropFilter(
//           filter: ImageFilter.blur(
//             sigmaX: 20,
//             sigmaY: 20,
//           ),
//           child: Container(
//             color: Colors.white10,
//             padding: EdgeInsets.all(_padding),
//             child: _widget,
//           ),
//         ),
//       ),
//     );
//   }
// }

// /// 如何使用？ 请往下看

// /// 将高斯模糊当做背景
// class _BackdropFilterPageState extends State<BackdropFilterPage> {
//   @override
//   Widget build(BuildContext context) {
//     return Scaffold(
//       appBar: AppBar(
//         title: Text('BackdropFilterPageState'),
//       ),
//       body: Stack(
//         fit: StackFit.expand,
//         children: <Widget>[
//           Image.asset(
//             'images/bg.jpg',
//             fit: BoxFit.cover,
//           ),
//           Center(
//             child: BlurRectWidget(
//               Column(
//                 mainAxisSize: MainAxisSize.min,
//                 crossAxisAlignment: CrossAxisAlignment.start,
//                 children: <Widget>[
//                   Text(
//                     'BackdropFilter class',
//                     style: TextStyle(
//                       fontSize: 16,
//                       color: Colors.white,
//                     ),
//                   ),
//                   Padding(
//                     padding: const EdgeInsets.only(top: 5.0),
//                     child: Text(
//                       'A widget that applies a filter to the existing painted content and then paints child.'
//                       'The filter will be applied to all the area within its parent or ancestor widget\'s clip. If there\'s no clip, the filter will be applied to the full screen.',
//                       style: TextStyle(fontSize: 14, color: Colors.black87),
//                       textAlign: TextAlign.justify,
//                     ),
//                   ),
//                 ],
//               ),
//             ),
//           ),
//           Container(
//             alignment: Alignment.bottomCenter,
//             margin: EdgeInsets.only(bottom: 150),
//             child: Row(
//               mainAxisSize: MainAxisSize.min,
//               children: <Widget>[
//                 BlurOvalWidget(
//                   IconButton(
//                     onPressed: () {
//                       Navigator.of(context)
//                           .push(MaterialPageRoute(builder: (context) {
//                         return BlurImagePage();
//                       }));
//                     },
//                     icon: Icon(
//                       Icons.favorite,
//                       color: Colors.white,
//                     ),
//                     iconSize: 30,
//                   ),
//                 ),
//                 Padding(
//                   padding: const EdgeInsets.symmetric(horizontal: 50.0),
//                   child: BlurOvalWidget(
//                     Icon(
//                       Icons.share,
//                       color: Colors.white,
//                       size: 30,
//                     ),
//                   ),
//                 ),
//                 BlurOvalWidget(
//                   Icon(
//                     Icons.bookmark,
//                     color: Colors.white,
//                     size: 30,
//                   ),
//                 ),
//               ],
//             ),
//           ),
//         ],
//       ),
//     );
//   }
// }

// /// 将高斯模糊当做前景
// class BlurImagePage extends StatelessWidget {
//   @override
//   Widget build(BuildContext context) {
//     return Scaffold(
//       body: Container(
//           alignment: Alignment.center,

//           /// 看到了吗？宝  在这个组件里  等于对父元素相对定位，不过子组件出不出父元素哦  非常的MFC
//           child: Stack(
//             alignment: Alignment.center,
//             children: <Widget>[
//               Container(
//                 margin: EdgeInsets.symmetric(horizontal: 20),
//                 child: Image.asset(
//                   'images/wanimal.png',
//                   fit: BoxFit.cover,
//                 ),
//               ),

//               /// 重点是在这个 组件里
//               Positioned.fill(
//                 child: BackdropFilter(
//                   filter: ImageFilter.blur(
//                     sigmaX: 15,
//                     sigmaY: 15,
//                   ),
//                   child: Container(
//                     color: Colors.white10,
//                   ),
//                 ),
//               ),
//               RaisedButton(
//                 textColor: Colors.white,
//                 shape: RoundedRectangleBorder(
//                     borderRadius: BorderRadius.all(Radius.circular(5))),
//                 color: Colors.orangeAccent,
//                 child: Text(
//                   '充钱查看更多',
//                   style: TextStyle(fontSize: 16),
//                 ),
//                 onPressed: () {},
//               )
//             ],
//           )),
//     );
//   }
// }
